<template>
	<view class="bigbg">
		<view class="box1">
			<view class="title">万车会</view>
			<view class="title2">欢迎您使用万车会掌上救援系统</view>
		</view>
		<view class="box2">
			<view class="box2_1">
				<view class="box2_left">
					<view class="box2_icon"></view>
					<view>救援平台</view>
				</view>
				<view class="box2_right">
					<view class="box2_right_1">
						<text>当前任务</text>
						<view class="box2_right_2">
							<image src="../../static/1.png" mode=""></image>
							<view>1</view>
						</view>
					</view>
					<view class="corner"><image src="../../static/logo.png" mode=""></image></view>
				</view>
			</view>
			<view class="box2_1">
				<view class="box2_left">
					<view class="box2_icon"></view>
					<view>数据统计</view>
				</view>
				<view class="box2_right">
					<view class="corner"><image src="../../static/logo.png" mode=""></image></view>
				</view>
			</view>
			<view class="box2_1">
				<view class="box2_left">
					<view class="box2_icon"></view>
					<view>我的账户</view>
				</view>
				<view class="box2_right">
					<view class="corner"><image src="../../static/logo.png" mode=""></image></view>
				</view>
			</view>
		</view>
		<view class="foot_title">厦门万国汽车销售有限公司</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.foot_title{
		color: rgba(16, 16, 16, 1);
		font-size: 32rpx;
		font-family: PingFangSC-regular;
		text-align: center;
		margin-top: 120rpx;
	}
	.corner>image{
		width: 20rpx;
		height: 25rpx;
	}
	.corner{
		width: 60rpx;
		height: 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.box2_right_2>view{
		width: 100%;
		height: 100%;
		font-size: 36rpx;
		position: absolute;
		z-index: 22;
	}
	.box2_right_2>image{
		width: 70rpx;
		height: 70rpx;
		position: absolute;
		top: 0;
		left: 0;
	}
	.box2_right_2{
		width: 70rpx;
		height: 70rpx;
		text-align: center;
		line-height: 70rpx;
		/* color: rgba(255, 255, 255, 1); */
		color: red;
		font-size: 18rpx;
		font-family: PingFangSC-bold;
		position: absolute;
		top: 24rpx;
		right: 0;
	}
	.box2_right_1>text{
		color: rgba(1, 12, 21, 1);
		font-size: 28rpx;
		font-family: PingFangSC-regular;
		margin-right: 70rpx;
	}
	.box2_right_1{
		height: 200rpx;
		/* border: 1px solid red; */
		position: relative;
		display: flex;
		align-items: center;
	}
	.box2_right{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.box2_left{
		width: 50%;
		color: rgba(16, 16, 16, 1);
		font-size: 28rpx;
		font-family: PingFangSC-regular;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.box2_icon{
		width: 100rpx;
		height: 100rpx;
		background: #4CD964;
		border-radius: 50%;
		margin-right: 40rpx;
		
	}
	.box2_1{
		height: 180rpx;
		background-color: #FFFFFF;
		border-radius: 12rpx;
		border: 1rpx solid rgba(255, 255, 255, 0);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 32rpx;
		padding-right: 0rpx;
		box-sizing: border-box;
		margin-bottom: 65rpx;
	}
	.box2{
		padding: 0 72rpx;
		box-sizing: border-box;
	}
	.box1{
		text-align: center;
	}
	.title2{
		color: rgba(16, 16, 16, 1);
		font-size: 32rpx;
		font-family: PingFangSC-regular;
		margin-bottom: 120rpx;
	}
	.title{
		margin-top: calc(var(--status-bar-height) + 140rpx);
		margin-bottom: 36rpx;
	}
	.bigbg{
		width: 100vw;
		height: 100vh;
		background: rgba(224,241,252,1);
		overflow: hidden;
	}
</style>
